$(function ()
{
    lunbo();
    loginstate();
    initshop();
    
    // 初始化购物车的值
    function initshop()
    {
        // 当存在用户登录的时候
        if ($.cookie("uname"))
        {
            // 获取购物车物品的数量
            let len = 0;
            let uname = $.cookie("uname");
            if($.cookie("shopCart"))
                len = JSON.parse($.cookie("shopCart")).length;
            else {
                // 如果当前本地cookie没有数据  则从数据库去拿数据
                 $.get("http://localhost:8000/shopcart/shopmes", { uname }, function (res)
                {
                    let data = res;
                    console.log(data);
                    $(".searchbox .right .buy div").find("em").text(data.length);
                    $.cookie("shopCart",JSON.stringify(data));
                    console.log(data);
                })
            }
            // 赋予页面中em值
            $(".searchbox .right .buy div").find("em").text(len);
        }
        else {
            $(".searchbox .right .buy div").find("em").text(0)
        }
    }
    // 轮播图部分
    function lunbo() {

        let timer;
        let index = 0;
        let indexitem = 0;
        init();
        mouseevent();
        mouseclick();
        hide();

        function init() {
            $(".bannerbox ul:first").append($(".bannerbox ul").eq(0).find("li").eq(0).clone(true));
          }
        function autoplay() {
            index++;
            indexitem++;
            if (index > 5) {
                index = 1;
                $(".bannerbox ul:first").css("left", 0);
            }
            if (indexitem > 4)
            {
                indexitem = 0;    
            }
            $(".bannerbox ul:first").animate({
                left: index * -1760
            }, 1000);
            $(".bannerbox ul:last").find("li").eq(indexitem).css({
                backgroundColor: "#FFf",
                color:"#000"
            }).siblings().css({
                backgroundColor: "#000",
                color:"#fff"
            })
        }
        function mouseevent() {  
            $(".bannerbox").on('mouseenter',function ()
            {
                clearInterval(timer)
            }).on("mouseleave", function () {
                clearInterval(timer);
                timer = setInterval(function (){
                    autoplay();
                  },2000)
              });
        }
        function mouseclick(param) {
            $(".bannerbox ul:last").find("li").on("click", function () {
                indexitem = $(this).index()-1;
                index = indexitem;
                autoplay();
              })
        }
        // 解决离开页面时 dom不可移动 但是定时器依旧运行
        // 当回到页面时  会将定时器的事件同时进行 出现的严重晃动问题
        function hide()
        {
            $(document).on("visibilitychange", function ()
            {
                if (document.visibilityState == "hidden")
                    clearInterval(timer);
                else
                    timer = setInterval(function (){
                    autoplay();
                  },2000)
            })
        }
    }
    //检测登录状态 
    function loginstate()
    {
        if ($.cookie("uname"))
        {
            function change(e)
            {
                // 阻止默认行为刷新页面
                e.preventDefault();
                // 退出登录后  变回原样 
                $(".topbox .right").find("div")
                .eq(0).find("a")
                .text("你好,请登录")
                .prop("href", "/乐视项目/html/login.html"); 
                
                $(".searchbox .box .right .buy").find("div").find("a")
                .prop("href", "/乐视项目/html/login.html");

                // 清除已经存在的cookie
                $.removeCookie('uname');
                $.removeCookie('pwd');
                // 同时改变自身内容
                $(this).text("免费注册").off("click");

                // 重新更新购物车状态  同时清除cookie
                $.removeCookie('shopCart');
                initshop();
            }
            // 发现已经登录  则将页面url进行更换
            $(".topbox .right ").find("div")
                .eq(0).find("a")
                .text($.cookie("uname"))
                .prop("href", "/乐视项目/html/shopCart.html");
            
            $(".topbox .right").find("div")
                .eq(1).find("a")
                .text("退出登录")
                .on("click", change);
            
            $(".searchbox .box .right .buy").find("div").find("a")
                .prop("href", "/乐视项目/html/shopCart.html");
            
        }
    }
    
})
   
 
 